<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title><?php echo ($meta_title); ?>|OneThink管理平台</title>
    <link href="/Public/favicon.ico" type="image/x-icon" rel="shortcut icon">
    <link rel="stylesheet" type="text/css" href="/Public/Admin/css/base.css" media="all">
    <link rel="stylesheet" type="text/css" href="/Public/Admin/css/common.css" media="all">
    <link rel="stylesheet" type="text/css" href="/Public/Admin/css/module.css">
    <link rel="stylesheet" type="text/css" href="/Public/Admin/css/style.css" media="all">
	<link rel="stylesheet" type="text/css" href="/Public/Admin/css/<?php echo (C("COLOR_STYLE")); ?>.css" media="all">


    <link rel="stylesheet" type="text/css" href="/Public/Admin/css/jxc/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/Public/Admin/css/jxc/bootstrap-datetimepicker.css"/>
    <link rel="stylesheet" type="text/css" href="/Public/Admin/css/jxc/style.css" />
    <link rel="stylesheet" type="text/css" href="/Public/Admin/css/jxc/bootstrap-select.css" />
    <link rel="stylesheet" type="text/css" href="/Public/Admin/css/jxc/supplier.css" />


    <script type="text/javascript" src="/Public/Admin/js/jxc/ckform.js"></script>
    <script type="text/javascript" src="/Public/Admin/js/jxc/common.js"></script>
    <script type="text/javascript" src="/Public/Admin/js/jxc/respond.js"></script>
    <script type="text/javascript" src="/Public/Admin/js/jxc/html5.js"></script>
    <script type="text/javascript" src="/Public/Admin/js/jxc/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="/Public/Admin/js/jxc/bootstrap.js"></script>
    <script type="text/javascript" src="/Public/Admin/js/jxc/bootstrap-datetimepicker.js" charset="UTF-8"></script>
    <script type="text/javascript" src="/Public/Admin/js/jxc/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
    <script type="text/javascript" src="/Public/Admin/js/jxc/bootstrap-select.js"></script>
     <!--[if lt IE 9]>
    <script type="text/javascript" src="/Public/static/jquery-1.10.2.min.js"></script>
    <![endif]--><!--[if gte IE 9]><!-->

    <!--<![endif]-->
    
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <!-- Logo -->
        <span class="logo"></span>
        <!-- /Logo -->

        <!-- 主导航 -->
        <ul class="main-nav">
            <?php if(is_array($__MENU__["main"])): $i = 0; $__LIST__ = $__MENU__["main"];if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$menu): $mod = ($i % 2 );++$i;?><li class="<?php echo ((isset($menu["class"]) && ($menu["class"] !== ""))?($menu["class"]):''); ?>"><a href="<?php echo (u($menu["url"])); ?>"><?php echo ($menu["title"]); ?></a></li><?php endforeach; endif; else: echo "" ;endif; ?>
        </ul>
        <!-- /主导航 -->

        <!-- 用户栏 -->
        <div class="user-bar">
            <a href="javascript:;" class="user-entrance"><i class="icon-user"></i></a>
            <ul class="nav-list user-menu hidden">
                <li class="manager">你好，<em title="<?php echo session('user_auth.username');?>"><?php echo session('user_auth.username');?></em></li>
                <li><a href="<?php echo U('User/updatePassword');?>">修改密码</a></li>
                <li><a href="<?php echo U('User/updateNickname');?>">修改昵称</a></li>
                <li><a href="<?php echo U('Public/logout');?>">退出</a></li>
            </ul>
        </div>
    </div>
    <!-- /头部 -->

    <!-- 边栏 -->
    <div class="sidebar">
        <!-- 子导航 -->
        
            <div id="subnav" class="subnav">
                <?php if(!empty($_extra_menu)): ?>
                    <?php echo extra_menu($_extra_menu,$__MENU__); endif; ?>
                <?php if(is_array($__MENU__["child"])): $i = 0; $__LIST__ = $__MENU__["child"];if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$sub_menu): $mod = ($i % 2 );++$i;?><!-- 子导航 -->
                    <?php if(!empty($sub_menu)): if(!empty($key)): ?><h3><i class="icon icon-unfold"></i><?php echo ($key); ?></h3><?php endif; ?>
                        <ul class="side-sub-menu">
                            <?php if(is_array($sub_menu)): $i = 0; $__LIST__ = $sub_menu;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$menu): $mod = ($i % 2 );++$i;?><li>
                                    <a class="item" href="<?php echo (u($menu["url"])); ?>"><?php echo ($menu["title"]); ?></a>
                                </li><?php endforeach; endif; else: echo "" ;endif; ?>
                        </ul><?php endif; ?>
                    <!-- /子导航 --><?php endforeach; endif; else: echo "" ;endif; ?>
            </div>
        
        <!-- /子导航 -->
    </div>
    <!-- /边栏 -->

    <!-- 内容区 -->
    <div id="main-content">
        <div id="top-alert" class="fixed alert alert-error" style="display: none;">
            <button class="close fixed" style="margin-top: 4px;">&times;</button>
            <div class="alert-content">这是内容</div>
        </div>
        <div id="main" class="main">
            
            <!-- nav -->
            <?php if(!empty($_show_nav)): ?><div class="breadcrumb">
                <span>您的位置:</span>
                <?php $i = '1'; ?>
                <?php if(is_array($_nav)): foreach($_nav as $k=>$v): if($i == count($_nav)): ?><span><?php echo ($v); ?></span>
                    <?php else: ?>
                    <span><a href="<?php echo ($k); ?>"><?php echo ($v); ?></a>&gt;</span><?php endif; ?>
                    <?php $i = $i+1; endforeach; endif; ?>
            </div><?php endif; ?>
            <!-- nav -->
            

            
	<form class="form-inline definewidth m20 top_form container-fluid" action="index.html" method="get" role="form">
    <div class="form-group position_change">
    <label>
    供应商：
    </label>
    <input type="text" name=""  class="abc input-default form-control" placeholder="" value=""  >
        <span data-toggle="modal" data-target=".bs-example-modal-lg"><b>...</b></span>
    </div>
    <div class="form-group add_icon">
        <label>
            单据时间：
        </label>
        <input type="text" name="" id="d12"  class="abc input-default form-control form-date" placeholder="" value="">
        <span class="add-on"><i class="icon-remove"></i></span>
        <span class="add-on"><i class="icon-th"></i></span>
    </div>
    <div class="form-group mt_5">
        <label>
            单据编号：
        </label>
        <span>CG2016101150023969</span>
    </div>
</form>

<div class="table-responsive ">
<table class="table table-bordered table-hover definewidth m10 container-fluid" style="cellpadding:0;cellspacing:0;">
    <thead>
    <tr>
        <th width="16%">商品原料</th>
        <th width="8%">型号</th>
        <th width="12%">厚度</th>
        <th width="8%">宽度</th>
        <th width="12%">高度</th>
        <th width="8%">单价（吨）</th>
        <th width="8%">重量</th>
        <th width="12%">购货金额</th>
        <th width="12%">是否有磁</th>
    </tr>
    </thead>
    <tbody>
    <tr class="table-tr">
        <td class="ellipsis_item">
            <div>
                <input />
                <span><b>...</b></span>
            </div>
        </td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td>千克</td>
        <td></td>
        <td></td>
    </tr>
    <tr class="table-tr">
        <td class="ellipsis_item">
            <div>
                <input />
                <span><b>...</b></span>
            </div>
        </td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td>2</td>
        <td></td>
        <td></td>
    </tr>
    <tr class="table-tr">
        <td class="ellipsis_item">
            <div>
                <input />
                <span><b>...</b></span>
            </div>
        </td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td>3</td>
    <td></td>
    <td></td>
</tr>
    <tr class="table-tr">
        <td class="ellipsis_item">
            <div>
                <input />
                <span><b>...</b></span>
            </div>
        </td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td>3</td>
        <td></td>
        <td></td>
    </tr>
    </tbody>
</table>
</div>

<div class="definewidth tips container-fluid">
<textarea class="form-control" placeholder="暂无备注消息" rows="3" >
</textarea>
</div>


<div class="form-inline definewidth top_form bottom_div mt_20 container-fluid" method="get">
    <div class="col-lg-4">
        <label>
            本次付款：
        </label>
        <input type="text" name="rolename" class="abc input-default form-control" placeholder="" value="">
    </div>
    <div class="col-lg-4">
        <label>
            本次欠款：
        </label>
        <input type="text" name="rolename" class="abc input-default form-control" placeholder="" value="333" disabled="disabled">
    </div>
    <div  class="col-lg-4">
        <label>
            制单人：
        </label>
        <input type="text" name="rolename" class="abc input-default form-control" placeholder="" value="" disabled="disabled">
    </div>
</div>


<!--弹窗-->

<div class="modal fade bs-example-modal-lg header_bg"  id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel"><b>选择供货商</b></h4>
            </div>
            <div class="modal-body">
               <div class="modal_top container">
                   <div class="input-group col-lg-3">
                       <select class="form-control selectpicker" data-mobile="true">
                           <option>材料</option>
                           <option>123456</option>
                           <option>好像没问题</option>
                       </select>
                   </div>
                   <div class="col-lg-5">
                       <input  type="text" class="form-control width_250" placeholder="输入编号/名称/联系人/电话查询"/>
                   </div>
                   <div class="col-lg-2">
                       <button type="submit" class="btn btn btn-default">查询</button>
                   </div>
                   <div class="col-lg-2"></div>
               </div>
                <div class="middle_table">
                    <table class="table table-bordered table-hover definewidth m10 container-fluid" style="cellpadding:0;cellspacing:0;">
                        <thead>
                        <tr>
                            <th width="4%"></th>
                            <th width="17%">类别</th>
                            <th width="17%">编号</th>
                            <th width="28%">名称</th>
                            <th width="17%">联系人</th>
                            <th width="17%">手机</th>
                        </tr>
                        </thead>
                        <tr class="table-tr">
                            <td><input type="checkbox"/></td>
                            <td>材料</td>
                            <td>sh</td>
                            <td>材料名称写在这里</td>
                            <td>未知</td>
                            <td>1234567896</td>
                        </tr>
                        <tr class="table-tr">
                            <td><input type="checkbox"/></td>
                            <td>材料</td>
                            <td>sh</td>
                            <td>材料名称写在这里</td>
                            <td>未知</td>
                            <td>1234567896</td>
                        </tr>
                        <tr class="table-tr">
                            <td><input type="checkbox"/></td>
                            <td>材料</td>
                            <td>sh</td>
                            <td>材料名称写在这里</td>
                            <td>未知</td>
                            <td>1234567896</td>
                        </tr>
                        <tr class="table-tr">
                            <td><input type="checkbox"/></td>
                            <td>材料</td>
                            <td>sh</td>
                            <td>材料名称写在这里</td>
                            <td>未知</td>
                            <td>1234567896</td>
                        </tr>
                    </table>
                </div>
                <div class="bottom_pages container">
                    <nav>
                        <ul class="pagination">
                            <li><a href="#">&laquo;</a></li>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#">&raquo;</a></li>
                        </ul>
                    </nav>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>

        </div>
    </div>
</div>

<script type="text/javascript">
    $('.form-date').datetimepicker({
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        minView: 3,
        forceParse: 0,
        language:"zh-CN",
        format: 'yyyy/mm/dd'
    });
</script>

        </div>
        <div class="cont-ft">
            <div class="copyright">
                <div class="fl">感谢使用<a href="http://www.onethink.cn" target="_blank">OneThink</a>管理平台</div>
                <div class="fr">V<?php echo (ONETHINK_VERSION); ?></div>
            </div>
        </div>
    </div>
    <!-- /内容区 -->
    <script type="text/javascript">
    (function(){
        var ThinkPHP = window.Think = {
            "ROOT"   : "", //当前网站地址
            "APP"    : "/index.php?s=", //当前项目地址
            "PUBLIC" : "/Public", //项目公共目录地址
            "DEEP"   : "<?php echo C('URL_PATHINFO_DEPR');?>", //PATHINFO分割符
            "MODEL"  : ["<?php echo C('URL_MODEL');?>", "<?php echo C('URL_CASE_INSENSITIVE');?>", "<?php echo C('URL_HTML_SUFFIX');?>"],
            "VAR"    : ["<?php echo C('VAR_MODULE');?>", "<?php echo C('VAR_CONTROLLER');?>", "<?php echo C('VAR_ACTION');?>"]
        }
    })();
    </script>
    <script type="text/javascript" src="/Public/static/think.js"></script>
    <script type="text/javascript" src="/Public/Admin/js/common.js"></script>
    <script type="text/javascript">
        +function(){
            var $window = $(window), $subnav = $("#subnav"), url;
            $window.resize(function(){
                $("#main").css("min-height", $window.height() - 130);
            }).resize();

            /* 左边菜单高亮 */
            url = window.location.pathname + window.location.search;
            url = url.replace(/(\/(p)\/\d+)|(&p=\d+)|(\/(id)\/\d+)|(&id=\d+)|(\/(group)\/\d+)|(&group=\d+)/, "");
            $subnav.find("a[href='" + url + "']").parent().addClass("current");

            /* 左边菜单显示收起 */
            $("#subnav").on("click", "h3", function(){
                var $this = $(this);
                $this.find(".icon").toggleClass("icon-fold");
                $this.next().slideToggle("fast").siblings(".side-sub-menu:visible").
                      prev("h3").find("i").addClass("icon-fold").end().end().hide();
            });

            $("#subnav h3 a").click(function(e){e.stopPropagation()});

            /* 头部管理员菜单 */
            $(".user-bar").mouseenter(function(){
                var userMenu = $(this).children(".user-menu ");
                userMenu.removeClass("hidden");
                clearTimeout(userMenu.data("timeout"));
            }).mouseleave(function(){
                var userMenu = $(this).children(".user-menu");
                userMenu.data("timeout") && clearTimeout(userMenu.data("timeout"));
                userMenu.data("timeout", setTimeout(function(){userMenu.addClass("hidden")}, 100));
            });

	        /* 表单获取焦点变色 */
	        $("form").on("focus", "input", function(){
		        $(this).addClass('focus');
	        }).on("blur","input",function(){
				        $(this).removeClass('focus');
			        });
		    $("form").on("focus", "textarea", function(){
			    $(this).closest('label').addClass('focus');
		    }).on("blur","textarea",function(){
			    $(this).closest('label').removeClass('focus');
		    });

            // 导航栏超出窗口高度后的模拟滚动条
            var sHeight = $(".sidebar").height();
            var subHeight  = $(".subnav").height();
            var diff = subHeight - sHeight; //250
            var sub = $(".subnav");
            if(diff > 0){
                $(window).mousewheel(function(event, delta){
                    if(delta>0){
                        if(parseInt(sub.css('marginTop'))>-10){
                            sub.css('marginTop','0px');
                        }else{
                            sub.css('marginTop','+='+10);
                        }
                    }else{
                        if(parseInt(sub.css('marginTop'))<'-'+(diff-10)){
                            sub.css('marginTop','-'+(diff-10));
                        }else{
                            sub.css('marginTop','-='+10);
                        }
                    }
                });
            }
        }();
    </script>
    
</body>
</html>